<template>
  <div class="hospital-container">
   <h4 class="hospitalManageMnet">医院管理</h4>
   <div class="examine">
     <ul>
       <li>待审批</li>
       <li>通过</li>
       <li>未通过</li>
     </ul>
     <div class="physician">医师职称: <select ><option value="">医师职称</option></select> </div>
     <div>隶属医院: <input type="text" placeholder="请出入医师姓名"> </div>
     <div class="Become">从医年限: <input type="text" ></div>
     <button>搜索</button>
   </div >
   <div class="nameme">
     <el-table
    :data="tableData"
    stripe
    style="width: 90%,margin:0 10px">
    <el-table-column
      prop="date"
      label="序号"
      text-align="center"
      width="106">
    </el-table-column>
    <el-table-column
      prop="name"
      label="医师姓名"
      width="290"
      text-align="center"
      >
    </el-table-column>
     <el-table-column
      prop="name"
      label="隶属医院"
      text-align="center"
      width="218">
    </el-table-column>
    <el-table-column
      prop="address"
      label="医师等级">
    </el-table-column>
     <el-table-column
      prop="age"
      label="年限"
      width="200">
    </el-table-column>
     <el-table-column
      prop="zige"
      label="医师资格证书"
      width="200">
    </el-table-column>
     <el-table-column
      prop="zs"
      label="医师执行证书"
      width="180">
    </el-table-column>
     <el-table-column
      prop="sfz"
      label="身份证"
      width="130">
    </el-table-column>
     <el-table-column
      prop="cz"
      label="操作"
      width="250">
    </el-table-column>
  </el-table>
  </div>
  <el-pagination
  background
  layout="prev, pager, next"
  :total="1000">
</el-pagination>
  </div>
</template>

<script>
  export default {
    data() {
      return {
        tableData: [{
          date: '1',
          name: '王振',
          address: '北京301',
          dengji: '主治医师',
          age: '5',
          zige: '555',
          zs: '6666',
          sfz: '999',
          cz: '通过,不通过，详情'
        }, {
            date: '2',
          name: '李双双',
          address: '上海华山',
          dengji: '主治医师',
          age: '8',
          zige: '555',
          zs: '6666',
          sfz: '999',
          cz: '通过,不通过，详情'
        }, {
          date: '3',
          name: '张三丰',
          address: '北京协和',
          dengji:'主治医师',
          age: '10',
          zige: '555',
          zs: '6666',
          sfz: '999',
          cz: '通过,不通过，详情'
        }, ]
      }
    }
  }
</script>

<style>
  .hospitalManageMnet{
    height: 50px;
    border-bottom: 2px solid #2F95F6;
    font-size: 30px;
    line-height: 50px;
    text-indent: 20px;
  }
  .examine{
    display: flex;
    height: 90px;
    margin: 40px 0;
    font-size: 25px;

  }
  .examine ul{
    display: flex;
  }
  .examine ul li{
    width: 110px;
    height: 55px;
    background: #ccc;
    color: #fff;
    margin: 0 10px;
    text-align: center;
    line-height: 55px;
    font-size: 24px;

  }
  .examine ul li:hover{
    background: #2F95F6;
  }
  .physician{
    margin-left: 350px;
  }
  .examine button{
    height: 35px;
    width: 95px;
    background: #2F95F6;
    line-height: 35px;
  }
  select{
    height: 35px;
    width: 136px;
    color: #9E9E9E;

  }
  input{
  height: 30px;

  color:#cccc
}
.el-table .cell{
  text-align: center;
}
.el-table th>.cell{
  font-size: 20px;
  color: #000;
}
.el-table th {
  background:#F2F2F2;
}
.el-pagination {
  margin-top: 350px;
}
.el-table td{
  border-left: 1px solid #F0F0F0;
  height: 80px;
}

</style>

